<template>
  <div id="app">
        <van-tabbar active-color="rgb(139, 0, 0)"  v-model="active" route v-show="$route.meta.isshow==true">
            <van-tabbar-item name="/home" icon="home-o" to="/home">首页</van-tabbar-item>
            <van-tabbar-item name="/topic" icon="label-o" to="/topic">专题</van-tabbar-item>
            <van-tabbar-item name="/category" icon="apps-o" to="/category">分类</van-tabbar-item>
            <van-tabbar-item name="/cart" icon="cart-o" to="/cart">购物车</van-tabbar-item>
            <van-tabbar-item name="/user" icon="user-o" to="/user">我的</van-tabbar-item>
       </van-tabbar>
    <router-view/>
  </div>  
</template>

<script>
export default {
  data() {
    return {
      active: this.$route.path,
    };
  },
};
</script>


<style lang="less">
img[lazy="loading"] {
  display: block;
  width: 30% !important;
  height: 30% !important;
  margin: 0 auto;
}
#app {
  font-size: 0.14rem;
}
html,
body {
  height: 100%;
  background-color: #efefef;
  font-size: 100px !important;
}
* {
  margin: 0;
  padding: 0;
  list-style: none;
}
body {
  font-family: "黑体";
  font-size: 14px;
  color: #333;
  background-color: rgb(239, 239, 239);
  overflow-x: hidden;
  padding-bottom: 50px;
}
h1,
h2,
h3,
h4 {
  font-weight: 400;
}
.bottom_b {
  padding: 50px;
}
img[lazy="loading"] {
  display: block;
  width: 30% !important;
  height: 30% !important;
  margin: 0 auto;
}
</style>
